<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="./css/index.css">
        <style>
            .header,
            .footer {
                height: 200px;
                width: 100%;
                border: 1px solid #000;
            }

            .man {
                height: 500px;
                width: 100%;
                background-color: pink;
            }
        </style>

    </head>

    <body>
        <div class="header"></div>
        <div class="man"></div>
        <div class="footer"></div>
        <script src="./js/jquery-3.5.1.js"></script>
        <script src="./js/jquery.cookie.js"></script>
        <script src="./js/index.js"></script>

        <script>
            $(function () {


                // $(".box").on("click", function () {
                //     //raw 默认是false 编码 encodeURIComponent
                //     //raw  true 解码       decodeURIComponent
                //     $.cookie.raw = true;
                //     $.cookie("age", 20, {
                //         expires: 10
                //     });
                //     $.cookie("age1", "中国", {
                //         expires: 10,
                //         raw: true
                //     }, );
                //     console.log(
                //         $.cookie("age1"))
                // })
            })
        </script>
    </body>

</html>